<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>首页</title>
<style type="text/css">
	.main{
		width:90%;
		margin:0 auto;
	}
	body{
		background-image: linear-gradient(to right, #fbc2eb, #FFA889);
	}
	.top{
		height:80px;
		overflow: hidden;
	}
	.lt1,.lt2,.lt3{
		float:left;
		height: 60px;
		background: white;
		border-radius:20px; 
	}
	.lt1{
		width: 20%;
		margin-right: 0.5%;
	}
	.title{
		height: 40px;
		background: #FFA58F;
		opacity: 0.7;
		margin-top:10px;
		margin-right:10px;
		margin-left:10px;
		border-radius:20px; 
		text-align: center;
	}
	.title a{
	text-decoration: none;
		color: #000;
		font-size: 30px;
		font-weight:bold;
		line-height:35px;
		font-family: "微软雅黑";
	}
	.lt2{
		width: 58%;
		margin-right: 0.5%;
		margin-left: 0.5%;
		text-align: center;
	}
	
	.lt2 a{
		text-decoration: none;
		color: #000;
		font-size: 30px;
		font-weight:bold;
		line-height:30px;
		font-family: "微软雅黑";
	}
	.navigation{
		
		height: 40px;
		background: #FFA58F;
		opacity: 0.7;
		margin-top:10px;
		margin-right:10px;
		margin-left:10px;
		border-radius:20px; 
		text-align: center;
	}
	.message,.collect,.personal{
		float: left;
		height: 40px;
		margin:0.5%;
		overflow: hidden;
	}
	.message{
		width: 18%;
		margin-left:110px;
		margin-right: 40px; 
	}
	.collect{
		width: 18%;
		margin-left: 40px;
		margin-right: 40px;
	}
	.personal{
		width: 18%;
		margin-left: 40px;
	}
	.lt3{
		width: 20%;
		margin-left: 0.5%;
		overflow: hidden;
	}
	.exit{
		
		height: 40px;
		background: #FFA58F;
		opacity: 0.7;
		margin-top:10px;
		margin-right:10px;
		margin-left:10px;
		border-radius:20px; 
		text-align: center;
	}
	.exit a{
		text-decoration: none;
		color: #000;
		font-size: 30px;
		font-weight:bold;
		line-height:35px;
		font-family: "微软雅黑";
	}
	.top a:hover{
		font-weight: bold;
	}
	.banner{
		margin-top: 0px;
		overflow: hidden;
	}
	.banner_l,.banner_r{
		float: left;
		height: 535px;
		background: white;
		border-radius:20px; 
	}
	.banner_l{
		width: 20%;
		margin-right: 0.5%;
		
	}
	.commod{
		height: 28%;
		width: 90%;
		background: #FFA58F;
		opacity: 0.7;
		margin: 15px;
		border-radius:20px; 
		overflow: hidden;
		text-align: center;
	}
	.banner a{
		text-decoration: none;
		color: #000;
		font-size: 45px;
		font-weight:bold;
		line-height:140px;
		font-family: "微软雅黑";
	}
	.user{
		height: 28%;
		width: 90%;
		background: #FFA58F;
		opacity: 0.7;
		margin: 15px;
		border-radius:20px; 
		overflow: hidden;
		text-align: center;
	}
	.order{
		height: 28%;
		width: 90%;
		background: #FFA58F;
		opacity: 0.7;
		margin: 15px;
		border-radius:20px; 
		overflow: hidden;
		text-align: center;
	}
	.banner_r{
		width: 79%;
		margin-left: 0.5%;
		
		overflow: hidden;
	}
	.banner_r img{
		opacity: 0.8;
	}
	.footer{
		height: 100px;
		margin-top: 15px;
		text-align: center;
		
		background: white;
		border-radius:20px; 
		overflow: hidden;
	}
	.contact{
		overflow: hidden;
		height:50px;
		background: #FFA58F;
		opacity: 0.8;
		margin-top:15px;
		margin-left:15px;
		margin-right:15px;
		border-radius:20px; 
		text-align: center;
		padding-top: 25px;
	}
	.contact a{
		color: #000;
		font-size: 16px;
		line-height:15px;
		font-family: "微软雅黑";
	}
	
</style>
</head>
<body>
	<div class="top main">
		<div class="lt1">
			<div class="title">
				<a >权限管理</a>
			</div>
		</div>
		<div class="lt2">
			<div class="navigation">
				<div class="message">
					<a href="#">消 息</a>
				</div>
				<div class="collect">
					<a href="#">收 藏</a>
				</div>
				<div class="personal">
					<a href="#">个 人</a>
				</div>
			</div>
		</div>
		<div class="lt3">
			<div class="exit">
				<a href="login.html">退出登录</a>
			</div>
		</div>
	</div>
	<div class="banner main">
		<div class="banner_l">
			<div class="commod">
				<a href="commod.html" target="right-window">商品管理</a>
			</div>
			<div class="user">
				<a href="user.html" target="right-window">用户管理</a>
			</div>
			<div class="order">
				<a href="order.html" target="right-window">订单管理</a>
			</div>
		</div>
		<div class="banner_r">
			
			<iframe src="" name="right-window" height="535px" width="1065px">
			</iframe>
			
		</div>
	</div>
	<div class="footer main">
		<div class="contact">
			<a>
			
			联系我们|
			客服电话:17340281987 
			<a href="mailto:1467708705@qq.com">发送邮件</a><br />
			<a/>
		</div>
	</div>
	
</body>
</html>